<template>
  <div>
    <h1>axios的使用</h1>
    <button @click="getReq()">发起post请求</button>
  </div>
</template>

<script>
import  axios from 'axios'
  export default {
    setup() {
      //const getReq = () => {
      //  // 发起get请求
      //  axios.get('http://localhost:3000/posts?id=1',{
      //    params: {
      //      id: 1,
      //      author: 'GoogleNews'
      //    }
      //  }).then((res)=> {
      //    console.log(res.data)
      //  }).catch((err)=> {
      //    console.log(err)
      //  })
      //}


      const getReq = () => {
        // 发起post请求
        axios.post('http://localhost:3000/posts',{
          data: {
            "title": "永远跟党走！",
            "author": "GoogleNews",
          }
        }).then((res)=> {
          console.log(res.data)
        }).catch((err)=> {
          console.log(err)
        })
      }


      return {
        getReq
      }
    }
  }

</script>


<style scoped>

</style>
